<template>
	<view>
		<view v-if="showStore == true" class="flex space alcenter mb30">
			<view class="flex alcenter">
				<image class="unio2o-store-logo" :src="''"></image>
				<view  class="ml20 ft16 text-default">
					卡夫卡少儿艺术培训…
				</view>
			</view>
			<view class="ft14 text-notice">
				<text>距我</text>
				<text class="text-theme">1.2km</text>
			</view>
		</view>
	
		<view    class="coupon-myitem">
				<image class="type" :src="''"></image>
				<view class="pd40 flex alcenter space">
					<view class="coupon-l flex alcenter text-theme">
						<view class="flex center alend">
							<text class="ft14 ftw600">￥</text>
							<text class="ft24 ftw600">10</text>
						</view>
					</view>
					<view class="coupon-r flex space alcenter">
						<view>
							<view class="ftw600 ft16 text-default">10元美食通用优惠券</view>
							<view class="ft14 text-info mt20">商家自营券</view>
							<view class="ft14 text-notice mt20">有效期至2019-11-16</view>
						</view>
						<view  class="btn-coupon-use ft14  ftw600 text-w text-center">确定使用</view>
					</view>
				</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			showStore:{
				type:Boolean,
				default:true
			}
		},
	
		data(){
			return {
				
			}
		}
	}
</script>

<style>
	.btn-coupon-use{
		width:138rpx;
		height:64rpx;
		background:rgba(255,109,0,1);
		box-shadow:0rpx 8rpx 16rpx 0rpx rgba(255,109,0,0.3);
		border-radius:32rpx;
		line-height: 64rpx;
	}
	.coupon-myitem{
		width:690rpx;
		background:#FFFFFF;
		box-shadow:0rpx 8rpx 32rpx 0rpx rgba(0,0,0,0.08);
		border-radius:16rpx;
		position: relative;
	}
	.coupon-myitem .type{
		width: 100rpx;
		height: 100rpx;
		position: absolute;
		left: 0;
		top: 0;
	}
	.coupon-myitem .coupon-l{
		width: 100rpx;
	}
	.coupon-myitem .coupon-r{
		width: calc(100% - 100rpx);
		padding-left: 40rpx;
	}
	
</style>